﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>UserInfoDetail</title>
    <link href="~/kj/layui/css/layui.css" rel="stylesheet" />
</head>
<body class="layui-col-md8 layui-col-md-offset1" style="width: 100%; height: 100%;">
<h2>历史投票</h2>
<table id="Activetable" lay-filter="Activetable">
</table>
<div id="page"></div>

<script src="~/kj/layui/layui.js"></script>
<script>
    layui.use(['layer', 'table', 'jquery'],
        function() {
            var layer = layui.layer;
            var table = layui.table;
            var $ = layui.jquery;

            //table渲染方法
            function tablerender() {
                table.render({
                    elem: '#Activetable',
                    height: 535,
                    url: '/User/GetUserInfoDetail' //数据接口
                    ,
                    title: '用户详细信息表',
                    page: true //开启分页
                    ,
                    toolbar: false //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
                    ,
                    cols: [
                        [//表头
                            { align: 'center', type: 'numbers' },
                            { align: 'center', type: 'numbers' },
                            { field: 'Title', title: '比赛名', width: 96, align: 'center' },
                            { field: 'Name', title: '所投之人', width: 96, align: 'center' },
                            { field: 'Time', title: '投票时间', width: 96, align: 'center' },
                        ]
                    ],
                    parseData: function(res) { //res 即为原始返回的数据
                        return {
                            "code": res.status, //解析接口状态
                            "msg": res.message, //解析提示文本
                            "count": res.total, //解析数据长度
                            "data": res.data //解析数据列表
                        };
                    }
                });
            }

            tablerender();
        });

</script>
</body>
</html>
